<template>
  <div class="upload-container">
    <div class="upload-control">选择文件
      <input type="file"/>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
    }
  },
}
</script>

<style scoped>
  .upload-container {
    width: 100%;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .upload-control {
    width: 95%;
    height: 100%;
    background: #ffffff;
    border-radius: .2rem;
    border: .01rem dashed #cccccc;
    position: relative;
    font-size: .15rem;
    text-align: center;
    line-height: 3rem;
  }
  input {
      width: 100%;
      height: 100%;
      opacity: 0;
      /* outline: none; */
      position: absolute;
      top: 0;
      left: 0;
  }
</style>
